<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0">
		<title>2-3 美居设计-在线搭配</title>
		<link rel="stylesheet" href="../vendors/bootstrap/css/bootstrap.min.css" />
        <link rel="stylesheet" href="../vendors/fontawesome/css/font-awesome.min.css" />
        <link rel="stylesheet" href="../css/style.css">
	</head>

	<body>
		<!-- 页面头部 开始 -->
		<div class="ic-header ">
		    <div class="top-nav hidden-xs hidden-sm">
		        <div class="container">
		            <div class="row">
		                <div class="top-nav-favsite col-xs-6">
		                    <a href="#">收藏本站</a>
		                </div>
		                <div class="top-nav-useradmin col-xs-6">
		                    <ul class="pull-right">
		                        <li><a href="ic-designer-register.html">设计师注册</a></li>
		                        <li><a href="ic-register.html">大众注册</a></li>
		                        <li><a href="ic-login.html">登录</a></li>
		                    </ul>
		                    <div class="favfolder pull-right">
		                        <a href=""><i class="fa fa-star"></i>收藏夹</a>
		                    </div>
		                    <div class="shopcart pull-right">
		                        <a href=""><i class="fa fa-shopping-cart"></i>购物车<b>2</b></a>
		                    </div>
		                </div>
		            </div>
		        </div>
		    </div>
		    <div class="main-nav">
		        <div class="container">
		            <div class="row">
		
		                <div class="col-xs-12 visible-xs visible-sm search-bar search-bar-mobile">
		                    <form action="#">
		                        <div class="input-group search-bar-body">
		                            <div class="input-group-btn main-navbar-search-dropdown ic-fake-select">
		                                <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><span class="search-bar-channel-text">图库</span></button>
		                                <ul class="dropdown-menu">
		                                    <li><a href="#">图库</a></li>
		                                    <li><a href="#">文章</a></li>
		                                    <li><a href="#">商品</a></li>
		                                    <li><a href="#">设计</a></li>
		                                </ul>
		                                <input type="hidden" class="search-bar-channel">
		                            </div>
		                            <input type="text" class="form-control search-query" placeholder="海量精美效果图任你选">
		                            <span class="input-group-btn">
		                                <button class="btn btn-default btn-search" type="submit">
		                                    <i class="fa fa-search"></i>
		                                </button>
		                            </span>
		                        </div>
		                    </form>
		                    <button class="btn btn-link btn-close">
		                        <i class="fa fa-close"></i>
		                    </button>
		                </div>
		
		                <div class="col-xs-2 hidden-md hidden-lg">
		                    <button class="btn btn-link">
		                        <i class="fa fa-user"></i>
		                    </button>
		                </div>
		                <div class="main-logo col-xs-8 col-md-2">
		                    <a href="ic-index.html">
		                        <img src="../images/public/icolor-logo.png" alt="icolor-logo">
		                    </a>
		                </div>
		                <div class="col-xs-2 hidden-md hidden-lg">
		                    <button class="btn btn-link js-toggle-search-mobile">
		                        <i class="fa fa-search"></i>
		                    </button>
		                </div>
		
		                <div class="col-xs-12 col-md-6 col-lg-5">
		                    <ul class="list-unstyled row main-nav-ul">
		                        <li class="col-xs-4">
		                        <!-- @@@ 修改链接地址 -->
		                            <a class="active" href="meitu-list.html">
		                                <h2>美居美图</h2>
		                                <h4>海量图文灵感搭配</h4>
		                            </a>
		                        </li>
		                        <li class="col-xs-4">
		                        <!-- @@@ 修改链接地址 -->
		                        <a href="jiapin-choice.html">
		                            <h2>美居家品</h2>
		                            <h4>场景体验一站购买</h4>
		                        </a></li>
		                        <li class="col-xs-4">
		                        <!-- @@@ 修改链接地址 -->
		                        <a href="sheji-dapei.html">
		                            <h2>美居设计</h2>
		                            <h4>家居设计定制服务</h4>
		                        </a></li>
		                    </ul>
		                </div>
		
		                <div class="col-md-4 col-lg-3 col-lg-push-2 visible-md visible-lg search-bar">
		                    <form action="#">
		                        <div class="input-group search-bar-body">
		                            <div class="input-group-btn main-navbar-search-dropdown ic-fake-select">
		                                <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><span class="search-bar-channel-text ic-fake-select-value-display">图库</span></button>
		                                <ul class="dropdown-menu">
		                                    <li><a href="#">图库</a></li>
		                                    <li><a href="#">文章</a></li>
		                                    <li><a href="#">商品</a></li>
		                                    <li><a href="#">设计</a></li>
		                                </ul>
		                                <input type="hidden" class="search-bar-channel">
		                            </div>
		                            <input type="text" class="form-control search-query" placeholder="海量精美效果图任你选">
		                            <span class="input-group-btn">
		                                <button class="btn btn-default btn-search" type="submit">
		                                    <i class="fa fa-search"></i>
		                                </button>
		                            </span>
		                        </div>
		                    </form>
		                </div>
		                
		            </div>
		        </div>
		    </div>
		</div>
		<!-- 页面头部 结束 -->
		

		<!-- 站点访问路径 开始 -->
		<div class="ic-breadcrumb-section">
		    <div class="container">
		        <div class="row">
		            <div class="col-sm-12 hidden-xs">
		                <ul class="breadcrumb">
		                    <li><a href="ic-index.html">首页</a></li>
		                    <li><a href="jiapin-choice.html">美居家品</a></li>
		                    <li><a href="jiapin-product-detail.html">吱音 一起咖啡桌简约日式餐厅黑胡桃木色白橡木极美家具方桌餐</a></li>
		                </ul>
		            </div>
		        </div>
		    </div>
		</div>
		<!-- 站点访问路径 结束 -->
		<!--美居设计内容主体开始-->
		<div class="ic-sheji-dapei-main">
			<div class="container">
				<!--广告宣传开始-->
				<div class="row">
					<div class="col-xs-12 ic-sheji-dapei-ad">
						<div class="ic-ad-banner">
							<a href="#">
								<img class="img-desktop" src="../images/contents/ad_wrap_01.jpg">
								<img class="img-mobile" src="../images/contents/ad_mobile_01.jpg">
							</a>
						</div>
					</div>
				</div>
				<!--广告宣传结束-->
				
				<!--成功案例信息开始-->
				<div class="ic-sheji-dapei-chenggongInfo">
					<div class="row">
						<div class="col-xs-12">
							<h4 class="text-center">以下是iColor家居搭配师所做的业主成功案例</h4>
							<hr class="split-line">
						</div>
						<div class="col-xs-12">
							<div class="ic-chenggongInfo clearfix">
								<div class="chenggonginfo-left chenggonginfo">
									<div class="infogongs info-left hidden-xs">
										<div class="infogontop">
											<h5>案例信息</h5>
										</div>
										<div class="infogonbottom">
											<p>房屋性质：旧房翻新
												<br/> 房型结构：三室两厅
												<br/> 期望风格：欧式简约</p>
										</div>
									</div>
									<div class="infogongs info-right">
										<div class="infogontop">
											<h5>业主需求</h5>
										</div>
										<div class="infogonbottom">
											<p>1.客厅与书房按中式风格设计，考虑客厅背景挂一张山水画； 2.如空间允许，在某一个卫生间设计一个浴缸； 3.厨房设计中厨与西厨</p>
										</div>
									</div>
								</div>
								<div class="chenggonginfo-right chenggonginfo">
									<div class="infogongs info-left hidden-xs">
										<div class="infogontop">
											<h5>本案设计师</h5>
										</div>
										<div class="infogonbottom">
											<div class="ic-shejishi-touxiang">
												<div class="touxiang_img">
													<img src="../images/contents/touxian01.jpg">
												</div>
												<h5>梁景华</h5>
											</div>
										</div>
									</div>
									<div class="infogongs info-right">
										<div class="infogontop">
											<h5>iColor家居顾问的搭配建议</h5>
										</div>
										<div class="infogonbottom">
											<p>1、房间空间都偏小，特别是客厅和主卧; 2、只有一边采光比较充足，整体房子的采光与通风效果比较差，因此更多保证了书房的采光； 3、把原有阳台的位置改进到客厅里，用一个吧台（西厨）分割了客厅和</p>
										</div>
									</div>
								</div>
							</div>
						</div>

					</div>
				</div>

				<!--成功案例信息结束-->
				<!--成功案例开始-->
				<div class="ic-sheji-fanxin-chenggognanl">
					<div class="row">
						<div class="col-xs-12 chenggognanl-head">
							<ul class="list-inline" role="tablist">
								<li class="ic-focus"><a>效果展示</a></li>
								<li role="presentation" class="active">
									<a href="#ic-before-after-1" aria-controls="ic-before-after-1" role="tab" data-toggle="tab">客厅</a><span></span>
								</li>
								<li role="presentation">
									<a href="#ic-before-after-2" aria-controls="ic-before-after-2" role="tab" data-toggle="tab">厨房</a><span></span>
								</li>
								<li role="presentation">
									<a href="#ic-before-after-3" aria-controls="ic-before-after-2" role="tab" data-toggle="tab">餐厅</a><span></span>
								</li>
								<li role="presentation">
									<a href="#ic-before-after-4" aria-controls="ic-before-after-2" role="tab" data-toggle="tab">卧室</a><span></span>
								</li>
								<li role="presentation">
									<a href="#ic-before-after-5" aria-controls="ic-before-after-2" role="tab" data-toggle="tab">卫生间</a><span></span>
								</li>
							</ul>
							<a class="pull-right show-qr-720 hidden-xs" href="#">
                                <img src="../images/public/link_720s.jpg" alt="">
                            </a>
                            <div class="show-qr-720-content">
	                            <img src="../images/contents/qr720.jpg">
	                        </div>
							<hr class="split-line">
						</div>
						<div class="col-xs-12 chenggognanl-content tab-content">
							<div role="tabpanel" class="tab-pane active" id="ic-before-after-1">
								<div class="row">
									<div class="col-xs-6">
										<a class="ic-before-after-item fancybox" href="../images/contents/Tabneis-01.jpg">
											<div class="item-img">
												<img class="img-responsive" src="../images/contents/Tabneis-01.jpg">
											</div>
											<div class="left-biaoqian"></div>
											<button class="btn btn-open-img hidden" type"=button">
												<!--<i class="fa fa-search-plus"></i>-->
												<img src="../images/public/icosr.png">
												<span>720°全景</span>
											</button>
										</a>
									</div>
									<div class="col-xs-6">
										<a class="ic-before-after-item fancybox" href="../images/contents/Tabneis-02.jpg">
											<div class="item-img">
												<img class="img-responsive" src="../images/contents/Tabneis-02.jpg">
											</div>
											<div class="right-biaoqian"></div>
											<button class="btn btn-open-img" type"=button">
												<!--<i class="fa fa-search-plus"></i>-->
												<img src="../images/public/icosr.png">
                                                <span>720°全景</span>
											</button>
										</a>
									</div>
								</div>
							</div>
							<div role="tabpanel" class="tab-pane" id="ic-before-after-2">
								<div class="row">
									<div class="col-xs-6">
										<a class="ic-before-after-item fancybox" href="../images/contents/Tabneis-02.jpg">
											<div class="item-img">
												<img class="img-responsive" src="../images/contents/Tabneis-02.jpg">
											</div>
											<div class="left-biaoqian"></div>
											<button class="btn btn-open-img hidden" type"=button">
												<img src="../images/public/icosr.png">
                                                <span>720°全景</span>
											</button>
										</a>
									</div>
									<div class="col-xs-6">
										<a class="ic-before-after-item fancybox" href="../images/contents/Tabneis-02.jpg">
											<div class="item-img">
												<img class="img-responsive" src="../images/contents/Tabneis-02.jpg">
											</div>
											<div class="right-biaoqian"></div>
											<button class="btn btn-open-img" type"=button">
												<img src="../images/public/icosr.png">
                                                <span>720°全景</span>
											</button>
										</a>
									</div>
								</div>
							</div>
							<div role="tabpanel" class="tab-pane" id="ic-before-after-3">
								<div class="row">
									<div class="col-xs-6">
										<a class="ic-before-after-item fancybox" href="../images/contents/Tabneis-02.jpg">
											<div class="item-img">
												<img class="img-responsive" src="../images/contents/Tabneis-01.jpg">
											</div>
											<div class="left-biaoqian"></div>
											<button class="btn btn-open-img hidden" type"=button">
												<img src="../images/public/icosr.png">
                                                <span>720°全景</span>
											</button>
										</a>
									</div>
									<div class="col-xs-6">
										<a class="ic-before-after-item fancybox" href="../images/contents/Tabneis-02.jpg">
											<div class="item-img">
												<img class="img-responsive" src="../images/contents/Tabneis-02.jpg">
											</div>
											<div class="right-biaoqian"></div>
											<button class="btn btn-open-img" type"=button">
												<img src="../images/public/icosr.png">
                                                <span>720°全景</span>
											</button>
										</a>
									</div>
								</div>
							</div>
							<div role="tabpanel" class="tab-pane" id="ic-before-after-4">
								<div class="row">
									<div class="col-xs-6">
										<a class="ic-before-after-item fancybox" href="../images/contents/Tabneis-02.jpg">
											<div class="item-img">
												<img class="img-responsive" src="../images/contents/Tabneis-02.jpg">
											</div>
											<div class="left-biaoqian"></div>
											<button class="btn btn-open-img hidden" type"=button">
												<img src="../images/public/icosr.png">
                                                <span>720°全景</span>
											</button>
										</a>
									</div>
									<div class="col-xs-6">
										<a class="ic-before-after-item fancybox" href="../images/contents/Tabneis-01.jpg">
											<div class="item-img">
												<img class="img-responsive" src="../images/contents/Tabneis-01.jpg">
											</div>
											<div class="right-biaoqian"></div>
											<button class="btn btn-open-img" type"=button">
												<img src="../images/public/icosr.png">
                                                <span>720°全景</span>
											</button>
										</a>
									</div>
								</div>
							</div>
							<div role="tabpanel" class="tab-pane" id="ic-before-after-5">
								<div class="row">
									<div class="col-xs-6">
										<a class="ic-before-after-item fancybox" href="../images/contents/Tabneis-01.jpg">
											<div class="item-img">
												<img class="img-responsive" src="../images/contents/Tabneis-01.jpg">
											</div>
											<div class="left-biaoqian"></div>
											<button class="btn btn-open-img hidden" type"=button">
												<img src="../images/public/icosr.png">
                                                <span>720°全景</span>
											</button>
										</a>
									</div>
									<div class="col-xs-6">
										<a class="ic-before-after-item fancybox" href="../images/contents/Tabneis-01.jpg">
											<div class="item-img">
												<img class="img-responsive" src="../images/contents/Tabneis-01.jpg">
											</div>
											<div class="right-biaoqian"></div>
											<button class="btn btn-open-img" type"=button">
												<img src="../images/public/icosr.png">
                                                <span>720°全景</span>
											</button>
										</a>
									</div>
								</div>
							</div>
							<!-- <a class="show-720 visible-xs" href="#">点击查看720度全景效果图</a> -->
						</div>
						
					</div>
				</div>
				<!--成功案例结束-->

				<!--家品推荐开始-->
				<div class="ic-sheji-fanxin-jiapintuijian">
					<!-- 组合推荐 开始 -->
					<div class="row">
						<div class="col-xs-12">
							<h4 class="text-center">完美搭配家品组合</h4>
							<p class="text-center">Product List</p>
							<hr class="split-line">
						</div>
						<div class="ic-combine-recommend-section ic-combine-recommend-section-no-border col-xs-12">
							<div class="ic-combine-recommend-header clearfix">
								<ul class="list-inline pull-right ic-combine-recommend-header-actions">
									<li>
										<div class="checkbox">
											<label>
												<input type="checkbox" checked="checked">全选</label>
										</div>
									</li>
									<li>
										<span>已选 <span class="ic-combine-recommend-selected-product-count">4</span> 件家品，</span> 套餐价：
										<span class="combine-price">￥3996.80</span> &nbsp;
										<br class="visible-xs">
										<span>
			                                原价 <del>￥4299.00</del>
			                            </span> &nbsp;省￥<span class="ic-combine-recommend-saved-amount">999.2</span>
									</li>
									<li class="hidden-xs">
										<a class="btn btn-combine-purchase" href="#" role="button">立即购买</a>
									</li>
									<li>
										<a class="btn btn-combine-add-to-cart" href="#" role="button">加入购物车</a>
									</li>
								</ul>
							</div>

							<div class="ic-combine-recommend-body ic-combine-recommend-group">
								<div class="row">

									<div class="col-xs-6 col-sm-3">
										<a class="product-item" href="jiapin-product-detail.html">
											<div class="product-item-img js-img-container">
												<img class="js-img-wrap" src="../images/contents/jiapin-01.jpg"></div>
											<p class="checkbox">
												<label>
													<input type="checkbox" checked="checked">
													实木书柜书桌小户型多功能组合餐边柜餐桌
												</label>
											</p>
											<p class="product-item-price">￥1899.00</p>
										</a>
									</div>
									<div class="col-xs-6 col-sm-3">
										<a class="product-item" href="jiapin-product-detail.html">
											<div class="product-item-img js-img-container">
												<img class="js-img-wrap" src="../images/contents/jiapin-02.jpg"></div>
											<p class="checkbox">
												<label>
													<input type="checkbox" checked="checked">
													实木书柜书桌小户型多功能组合餐边柜餐桌
												</label>
											</p>
											<p class="product-item-price">￥1899.00</p>
										</a>
									</div>
									<div class="col-xs-6 col-sm-3">
										<a class="product-item" href="jiapin-product-detail.html">
											<div class="product-item-img js-img-container">
												<img class="js-img-wrap" src="../images/contents/jiapin-03.jpg"></div>
											<p class="checkbox">
												<label>
													<input type="checkbox" checked="checked">
													实木书柜书桌小户型多功能组合餐边柜餐桌
												</label>
											</p>
											<p class="product-item-price">￥1899.00</p>
										</a>
									</div>
									<div class="col-xs-6 col-sm-3">
										<a class="product-item" href="jiapin-product-detail.html">
											<div class="product-item-img js-img-container">
												<img class="js-img-wrap" src="../images/contents/jiapin-04.jpg"></div>
											<p class="checkbox">
												<label>
													<input type="checkbox" checked="checked">
													实木书柜书桌小户型多功能组合餐边柜餐桌
												</label>
											</p>
											<p class="product-item-price">￥1899.00</p>
										</a>
									</div>
									<div class="col-xs-6 col-sm-3">
										<a class="product-item" href="jiapin-product-detail.html">
											<div class="product-item-img js-img-container">
												<img class="js-img-wrap" src="../images/contents/jiapin-05.jpg"></div>
											<p class="checkbox">
												<label>
													<input type="checkbox" checked="checked">
													实木书柜书桌小户型多功能组合餐边柜餐桌
												</label>
											</p>
											<p class="product-item-price">￥1899.00</p>
										</a>
									</div>
									<div class="col-xs-6 col-sm-3">
										<a class="product-item" href="jiapin-product-detail.html">
											<div class="product-item-img js-img-container">
												<img class="js-img-wrap" src="../images/contents/jiapin-06.jpg"></div>
											<p class="checkbox">
												<label>
													<input type="checkbox" checked="checked">
													实木书柜书桌小户型多功能组合餐边柜餐桌
												</label>
											</p>
											<p class="product-item-price">￥1899.00</p>
										</a>
									</div>
									<div class="col-xs-6 col-sm-3">
										<a class="product-item" href="jiapin-product-detail.html">
											<div class="product-item-img js-img-container">
												<img class="js-img-wrap" src="../images/contents/jiapin-07.jpg"></div>
											<p class="checkbox">
												<label>
													<input type="checkbox" checked="checked">
													实木书柜书桌小户型多功能组合餐边柜餐桌
												</label>
											</p>
											<p class="product-item-price">￥1899.00</p>
										</a>
									</div>
									<div class="col-xs-6 col-sm-3">
										<a class="product-item" href="jiapin-product-detail.html">
											<div class="product-item-img js-img-container">
												<img class="js-img-wrap" src="../images/contents/jiapin-08.jpg"></div>
											<p class="checkbox">
												<label>
													<input type="checkbox" checked="checked">
													实木书柜书桌小户型多功能组合餐边柜餐桌
												</label>
											</p>
											<p class="product-item-price">￥1899.00</p>
										</a>
									</div>
								</div>
							</div>
						</div>
					</div>
					<!-- 组合推荐 结束 -->
					<hr class="split-line">
				</div>
				<!--家品推荐结束-->

				<!--广告宣传开始-->
				<div class="row">
					<div class="col-xs-12 ic-sheji-dapei-ad">
						<div class="ic-ad-banner">
							<a href="#">
								<img class="img-desktop" src="../images/contents/ad_wrap_01.jpg">
								<img class="img-mobile" src="../images/contents/ad_mobile_02.jpg">
							</a>
						</div>
					</div>
				</div>
				<!--广告宣传结束-->

				<!--家品推荐结束-->
                <!--需求表单开始-->
                <div class="ic-sheji-dapei-guide-group" id="ic-sheji-dapei-guide-group">
                    <div class="row">
                    	<div class="col-xs-12">
                    		<img class="img-responsive" src="../images/contents/sheji_dapei_form_header.jpg">
                    	</div>
                        <form>
                            <div class="col-xs-12 col-md-5">
                                <div class="ic-sd-guide-header">
                                    <p class="title"><span class="h3 text-cyan">灵感包</span>（即填即得）</p>
                                    <p>填写需求，就能得到适合您新家的灵感美图优质家品，更有专业设计师为您推荐</p>
                                </div>
                                <hr class="split-line">
                                <div class="form-horizontal row ic-sd-guide-body">
                                    <div class="form-group">
                                        <label class="control-label">您的称呼</label>
                                        <div class="col-xs-12 col-lg-10">
                                            <input class="form-control" type="text"></input>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label">手机号码</label>
                                        <div class="col-xs-12 col-lg-10">
                                            <input class="form-control" type="text"></input>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label">所在城市</label>
                                        <div class="col-xs-6 col-lg-5">
                                            <div class="ic-fake-select">
                                                <button class="btn btn-default btn-block dropdown-toggle" type="button" id="ic-sheji-index-match-sel-2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                                                    <span class="search-bar-channel-text ic-fake-select-placeholder">省/市</span>
                                                    <span class="search-bar-channel-text ic-fake-select-value-display"></span>
                                                </button>
                                                <ul class="dropdown-menu" aria-labelledby="ic-sheji-index-match-sel-2">
                                                    <li><a href="#">北京</a></li>
                                                    <li><a href="#">天津</a></li>
                                                    <li><a href="#">上海</a></li>
                                                    <li><a href="#">重庆</a></li>
                                                </ul>
                                                <input class="ic-fake-select-value" type="hidden"></input>
                                            </div>
                                        </div>
                                        <div class="col-xs-6 col-lg-5">
                                            <div class="ic-fake-select">
                                                <button class="btn btn-default btn-block dropdown-toggle" type="button" id="ic-sheji-index-match-sel-2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                                                    <span class="search-bar-channel-text ic-fake-select-placeholder">市/地区</span>
                                                    <span class="search-bar-channel-text ic-fake-select-value-display"></span>
                                                </button>
                                                <ul class="dropdown-menu" aria-labelledby="ic-sheji-index-match-sel-2">
                                                    <li><a href="#">北京</a></li>
                                                    <li><a href="#">天津</a></li>
                                                    <li><a href="#">上海</a></li>
                                                    <li><a href="#">重庆</a></li>
                                                </ul>
                                                <input class="ic-fake-select-value" type="hidden"></input>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label">房屋属性</label>
                                        <div class="col-xs-12 col-lg-10">
                                            <label class="radio-inline">
                                                <input type="radio" name="sheji-guide-r1" value="opt-1"> 毛坯房
                                            </label>
                                            <label class="radio-inline">
                                                <input type="radio" name="sheji-guide-r1" value="opt-2"> 精装房
                                            </label>
                                            <label class="radio-inline">
                                                <input type="radio" name="sheji-guide-r1" value="opt-3"> 局部改造
                                            </label>
                                            <label class="radio-inline">
                                                <input type="radio" name="sheji-guide-r1" value="opt-4"> 现房翻新
                                            </label>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label">期望风格</label>
                                        <div class="col-xs-12 col-lg-10">
                                            <div class="checkbox-group" cg-max="3">
                                                <div class="row">
                                                    <div class="col-xs-3 cg-item">
                                                        <div class="checkbox-inline">
                                                            <label>
                                                                <input type="radio" name="q-1" value="opt-1">
                                                                <div class="cb-img-container-square">
                                                                    <img class="img-responsive" src="../images/contents/huanjing1.jpg">
                                                                    <div class="check-layer">
                                                                        <i class="fa fa-check"></i>
                                                                    </div>
                                                                </div>
                                                                <p>现代简约</p>
                                                            </label>
                                                        </div>
                                                    </div>
                                                    <div class="col-xs-3 cg-item">
                                                        <div class="checkbox-inline">
                                                            <label>
                                                                <input type="radio" name="q-1" value="opt-2">
                                                                <div class="cb-img-container-square">
                                                                    <img class="img-responsive" src="../images/contents/huanjing2.jpg">
                                                                    <div class="check-layer">
                                                                        <i class="fa fa-check"></i>
                                                                    </div>
                                                                </div>
                                                                <p>清新田园</p>
                                                            </label>
                                                        </div>
                                                    </div>
                                                    <div class="col-xs-3 cg-item">
                                                        <div class="checkbox-inline">
                                                            <label>
                                                                <input type="radio" name="q-1" value="opt-3">
                                                                <div class="cb-img-container-square">
                                                                    <img class="img-responsive" src="../images/contents/huanjing3.jpg">
                                                                    <div class="check-layer">
                                                                        <i class="fa fa-check"></i>
                                                                    </div>
                                                                </div>
                                                                <p>新中式</p>
                                                            </label>
                                                        </div>
                                                    </div>
                                                    <div class="col-xs-3 cg-item">
                                                        <div class="checkbox-inline">
                                                            <label>
                                                                <input type="radio" name="q-1" value="opt-4">
                                                                <div class="cb-img-container-square">
                                                                    <img class="img-responsive" src="../images/contents/huanjing4.jpg">
                                                                    <div class="check-layer">
                                                                        <i class="fa fa-check"></i>
                                                                    </div>
                                                                </div>
                                                                <p>地中海</p>
                                                            </label>
                                                        </div>
                                                    </div>
                                                    <div class="col-xs-3 cg-item">
                                                        <div class="checkbox-inline">
                                                            <label>
                                                                <input type="radio" name="q-1" value="opt-5">
                                                                <div class="cb-img-container-square">
                                                                    <img class="img-responsive" src="../images/contents/huanjing5.jpg">
                                                                    <div class="check-layer">
                                                                        <i class="fa fa-check"></i>
                                                                    </div>
                                                                </div>
                                                                <p>工业风</p>
                                                            </label>
                                                        </div>
                                                    </div>
                                                    <div class="col-xs-3 cg-item">
                                                        <div class="checkbox-inline">
                                                            <label>
                                                                <input type="radio" name="q-1" value="opt-6">
                                                                <div class="cb-img-container-square">
                                                                    <img class="img-responsive" src="../images/contents/huanjing6.jpg">
                                                                    <div class="check-layer">
                                                                        <i class="fa fa-check"></i>
                                                                    </div>
                                                                </div>
                                                                <p>欧式</p>
                                                            </label>
                                                        </div>
                                                    </div>
                                                    <div class="col-xs-3 cg-item">
                                                        <div class="checkbox-inline">
                                                            <label>
                                                                <input type="radio" name="q-1" value="opt-7">
                                                                <div class="cb-img-container-square">
                                                                    <img class="img-responsive" src="../images/contents/huanjing7.jpg">
                                                                    <div class="check-layer">
                                                                        <i class="fa fa-check"></i>
                                                                    </div>
                                                                </div>
                                                                <p>美式</p>
                                                            </label>
                                                        </div>
                                                    </div>
                                                    <div class="col-xs-3 cg-item">
                                                        <div class="checkbox-inline">
                                                            <label>
                                                                <input type="radio" name="q-1" value="opt-8">
                                                                <div class="cb-img-container-square">
                                                                    <img class="img-responsive" src="../images/contents/huanjing8.jpg">
                                                                    <div class="check-layer">
                                                                        <i class="fa fa-check"></i>
                                                                    </div>
                                                                </div>
                                                                <p>乡村</p>
                                                            </label>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        
                                    </div>
                                </div>
                            </div>
                            <div class="col-xs-12 col-md-7">
                                <div class="ic-sd-guide-header">
                                    <p class="title"><span class="h3 text-cyan">定制包</span>（1-2个工作日）</p>
                                    <p>填写左侧需求，外加上传房型图（平面图或者功能区图），即可免费为您量身定制新家效果方案，效果非同凡响。</p>
                                </div>
                                <hr class="split-line">
                                <div class="ic-sd-guide-body">
                                    <div class="form-group js-multi-pic-upload" data-upload-max="10" data-size-limit="10485760">
                                        <input type="file" id="js-upload-model" class="js-pic-upload hidden" name="img[]" accept="image/*"></input>
                                        <button class="btn btn-lg h4 btn-upload-pic">
                                            <i class="fa fa-picture-o"></i> 上传图片
                                        </button>
                                        <span class="help-block"><span id="upload-pic-count">2</span>/<span id="upload-pic-max">10</span>张 （单张图片最大不超过<span id="upload-pic-maxsize">10M</span>）</span>
                                        <div class="row upload-pic-review-group">
                                            <div class="col-xs-2 js-pic-preview hidden">
                                                <div class="upload-pic-item">
                                                    <button class="btn-del-pic">
                                                        <i class="fa fa-times"></i>
                                                    </button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label>设计需求</label>
                                        <textarea class="form-control" rows="5" data-max-char="500"></textarea>
                                        <span class="help-block text-right">还可输入<span class="textarea-text-count">500</span>字符/汉字</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xs-12">
                                <hr class="split-line">
                                <div class="row ic-sheji-guide-footer">
                                    <!-- <div class="col-xs-12 col-md-4 col-md-offset-2 form-group">
                                        <input class="form-control" type="text" placeholder="输入验证码"></input>
                                    </div>
                                    <div class="col-xs-12 col-md-2 form-group">
                                        <button class="btn btn-block btn-default" type=button>点击获取验证码</button>
                                    </div> -->
                                    <div class="col-xs-12 col-md-2 col-md-offset-5 form-group">
                                        <button class="btn btn-block btn-cyan btn-submit" type=button>提交需求</button>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
                <!--需求表单结束-->
                
				<!--广告宣传开始-->
				<div class="row">
					<div class="col-xs-12 col-sm-6 ic-sheji-dapei-ad">
						<div class="ic-ad-banner">
							<a href="#">
								<img class="img-normal" src="../images/contents/ad_mobile_01.jpg">
							</a>
						</div>
					</div>
					<div class="col-xs-12 col-sm-6 ic-sheji-dapei-ad hidden-xs">
						<div class="ic-ad-banner">
							<a href="#">
								<img class="img-normal" src="../images/contents/ad_mobile_02.jpg">
							</a>
						</div>
					</div>
				</div>
				<!--广告宣传结束-->
			</div>
		</div>
		<!--美居设计内容主体结束-->
		<!-- 页面尾部 开始 -->
		    <div class="ic-footer-slogen">
		    	<div class="container">
		            <div class="row hidden-xs hidden-sm">
		            	<div class="slogen col-sm-4"><img src="../images/public/footer-slogen-01.png" alt=""></div>
		            	<div class="slogen col-sm-4"><img src="../images/public/footer-slogen-02.png" alt=""></div>
		            	<div class="slogen col-sm-4"><img src="../images/public/footer-slogen-03.png" alt=""></div>
		            </div>
		            <div class="row hidden-md hidden-lg">
		            	<div class="slogen-xs col-xs-4"><img src="../images/public/footer-slogen-xs-1.png" alt=""></div>
		            	<div class="slogen-xs col-xs-4"><img src="../images/public/footer-slogen-xs-2.png" alt=""></div>
		            	<div class="slogen-xs col-xs-4"><img src="../images/public/footer-slogen-xs-3.png" alt=""></div>
		            </div>
		        </div>
		    </div>
		
		    <div class="ic-footer-mobile hidden">
		    	<div class="contianer">
		    		<div class="ic-footer-group">
		    			<a class="ic-footer-fold-toggle" href="meitu-index.html">
		    				<h4>
		    					美居美图
		    					<i class="fa fa-chevron-down pull-right"></i>
		    					<i class="fa fa-chevron-up pull-right"></i>
		    				</h4>
		    			</a>
		    			<div class="ic-footer-fold">
		    				<ul class="list-unstyled">
								<li><a href="meitu-video-list.html">美居视频</a></li>
								<li><a href="meitu-list.html">美居图库</a></li>
								<li><a href="meitu-index.html">美居资讯</a></li>
								<li><a href="meitu-project.html">专题活动</a></li>
							</ul>
		    			</div>
		    		</div>
		
		    		<div class="ic-footer-group">
		    			<a class="ic-footer-fold-toggle" href="jiapin-choice.html">
		    				<h4>
		    					美居家品
		    					<i class="fa fa-chevron-down pull-right"></i>
		    					<i class="fa fa-chevron-up pull-right"></i>
		    				</h4>
		    			</a>
		    			<div class="ic-footer-fold">
		    				<ul class="list-unstyled">
								<li><a href="jiapin-choice.html#ic-choice-changjing">按场景选择</a></li>
								<li><a href="jiapin-choice.html#ic-choice-taocan">按套餐选择</a></li>
								<li><a href="jiapin-choice.html#ic-choice-danpin">按单品选择</a></li>
								<li><a href="jiapin-prefs.html">设计首选</a></li>
							</ul>
		    			</div>
		    		</div>
		
		    		<div class="ic-footer-group">
		    			<a class="ic-footer-fold-toggle" href="sheji-index.html">
		    				<h4>
		    					美居设计
		    					<i class="fa fa-chevron-down pull-right"></i>
		    					<i class="fa fa-chevron-up pull-right"></i>
		    				</h4>
		    			</a>
		    			<div class="ic-footer-fold">
		    				<ul class="list-unstyled">
								<li><a href="sheji-dapei.html">在线搭配</a></li>
								<li><a href="sheji-workshop.html">设计师工作室</a></li>
							</ul>
		    			</div>
		    		</div>
		
		    		<div class="ic-footer-group">
		    			<a class="ic-footer-fold-toggle" href="#">
		    				<h4>
		    					友情链接
		    					<i class="fa fa-chevron-down pull-right"></i>
		    					<i class="fa fa-chevron-up pull-right"></i>
		    				</h4>
		    			</a>
		    			<div class="ic-footer-fold">
		    				<ul class="list-unstyled">
		                      <li><a href="http://www.nipponpaint.com.cn/" target="_blank">立邦官网</a></li>
		                      <li><a href="http://shop.nipponpaint.com.cn/" target="_blank">立邦官方商城</a></li>
		                      <li><a href="http://nipponpaint.tmall.com/shop/viewShop.htm" target="_blank">立邦天猫商城</a></li>
		                      <li><a href="http://www.51hejia.com/" target="_blank">和家网</a></li>
		                      <li><a href="http://www.pchouse.com.cn/" target="_blank">太平洋家居网</a></li>
		                      <li><a href="http://home.jc001.cn/" target="_blank">装修网</a></li>
		                      <li><a href="http://www.soupu.com/" target="_blank">搜铺网</a></li>
		                      <li><a href="http://www.iwebchoice.com/" target="_blank">装修效果图</a></li>
		                      <li><a href="http://home.sh.fang.com/" target="_blank">上海装修</a></li>
							</ul>
		    			</div>
		    		</div>
		
		    	</div>
		    </div>
		
			<div class="ic-footer-1 hidden-xs hidden-sm">
				<div class="container">
		            <div class="row">
						<div class="ic-footer-nav col-xs-12 col-md-2">
							<h4>美居美图</h4>
							<ul class="list-unstyled">
								<li><a href="meitu-video-list.html">美居视频</a></li>
								<li><a href="meitu-list.html">美居图库</a></li>
								<li><a href="meitu-index.html">美居资讯</a></li>
								<li><a href="meitu-project.html.html">专题活动</a></li>
							</ul>
						</div>
						<div class="ic-footer-nav col-xs-12 col-md-2">
							<h4>美居家品</h4>
							<ul class="list-unstyled">
								<li><a href="jiapin-changjing.html">按场景选择</a></li>
		                        <li><a href="jiapin-taocan.html">按套餐选择</a></li>
		                        <li><a href="jiapin-danpin.html">按单品选择</a></li>
		                        <li><a href="jiapin-prefs.html">设计首选</a></li>
							</ul>
						</div>
						<div class="ic-footer-nav col-xs-12 col-md-2">
							<h4>美居设计</h4>
							<ul class="list-unstyled">
								<li><a href="sheji-dapei.html">在线搭配</a></li>
		                        <li><a href="sheji-workshop.html">设计师工作室</a></li>
							</ul>
						</div>
						<div class="col-xs-12 col-md-6 hidden-xs hidden-sm">
							<div class="ic-qrcode">
								<h4>官方微信号</h4>
								<img src="../images/public/qrcode.png" alt="qrcode">
							</div>
							<div class="ic-qrcode">
								<h4>iColor APP</h4>
								<img src="../images/public/qrcode.png" alt="qrcode">
							</div>
						</div>
		            </div>
		        </div>
			</div>
		
			<div class="ic-footer-2  hidden-xs hidden-sm">
				<div class="container">
					<div class="row">
			            <div class="friendlink col-xs-12 col-md-9">
			            	<ul class="list-inline">
			            		<span>友情链接：</span>
			            		<li><a href="http://www.nipponpaint.com.cn/" target="_blank">立邦官网</a></li>
		                        <li><a href="http://shop.nipponpaint.com.cn/" target="_blank">立邦官方商城</a></li>
		                        <li><a href="http://nipponpaint.tmall.com/shop/viewShop.htm" target="_blank">立邦天猫商城</a></li>
		                        <li><a href="http://www.51hejia.com/" target="_blank">和家网</a></li>
		                        <li><a href="http://www.pchouse.com.cn/" target="_blank">太平洋家居网</a></li>
		                        <li><a href="http://home.jc001.cn/" target="_blank">装修网</a></li>
		                        <li><a href="http://www.soupu.com/" target="_blank">搜铺网</a></li>
		                        <li><a href="http://www.iwebchoice.com/" target="_blank">装修效果图</a></li>
		                        <li><a href="http://home.sh.fang.com/" target="_blank">上海装修</a></li>
			            	</ul>
		            	</div>
		            	<div class="icolor-social col-xs-12 col-md-3">
		            		<ul class="list-inline">
		            			<span><a href="" class="fa fa-th"></a></span>
		            			<li><a href="" class="fa fa-tencent-weibo"></a></li>
		            			<li><a href="" class="fa fa-weibo"></a></li>
		            			<li><a href="" class="fa fa-wechat"></a></li>
		            		</ul>
		            	</div>
		           </div>
		       </div>
			</div>
		
			<div class="ic-footer-3">
				<div class="container">
					<div class="row">
			            <div class="ic-footer-sitenav col-xs-12 hidden-xs">
			            	<ul class="list-inline">
			            		<li><a href="http://www.nipponpaint.com.cn/" target="_blank">立邦官网</a></li>
			            		<li><a href="">联系我们</a></li>
			            		<li><a href="">会员机制</a></li>
			            		<li><a href="">网上商城</a></li>
			            		<li><a href="">网站声明</a></li>
			            		<li><a href="">关于我们</a></li>
			            		<li><a href="">网站地图</a></li>
			            	</ul>
			            </div>
			            <div class="ic-copyright col-xs-12">
			            	<p>Copyright 2012 NIPPON PAINT (CHINA)Co.,Ltd All Rights Reserved<br/>iColor装修网 icolor.com.cn 沪ICP备13045279号</p>
			            </div>
		           </div>
		       </div>
			</div>
			<!-- 页面尾部 结束 -->
		

		<!-- 图片上传插件 -->

		<script type="text/javascript" src="../vendors/jquery/jquery.min.js"></script>
        <script type="text/javascript" src="../vendors/bootstrap/js/bootstrap.min.js"></script>
		<script type="text/javascript" src="../vendors/javascript.load.image/js/load-image.all.min.js"></script>
		<script type="text/javascript" src="../vendors/jquery.fancybox/jquery.fancybox.pack.js"></script>
        <script type="text/javascript" src="../js/app.js"></script>
		<script type="text/javascript">
		    $(".fancybox").fancybox();
		</script>
	</body>

</html>